<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>layout 后台大布局 - Layui</title>
    <link th:href="@{/layui/css/layui.css}" rel="stylesheet">
    <link rel='stylesheet' th:href="@{/live2d.css}" type='text/css'/>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">layui 后台布局</div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item"><a href="">控制台</a></li>
            <li class="layui-nav-item"><a href="">商品管理</a></li>
            <li class="layui-nav-item"><a href="">用户</a></li>
            <li class="layui-nav-item"><a href="javascript:;">其它系统</a>
                <dl class="layui-nav-child">
                    <dd>
                        <a href="">邮件管理</a>
                    </dd>
                    <dd>
                        <a href="">消息管理</a>
                    </dd>
                    <dd>
                        <a href="">授权管理</a>
                    </dd>
                </dl></li>
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item"><a href="javascript:;"> aaa 贤心 </a>
                <dl class="layui-nav-child">
                    <dd>
                        <a href="">基本资料</a>
                    </dd>
                    <dd>
                        <a href="">安全设置</a>
                    </dd>
                </dl></li>
            <li class="layui-nav-item"><a href="/page/exit">退了</a></li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed" th:if="${permission} eq '1'">
                    <a class="" href="javascript:;">商品管理</a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="/Dictionary/dictionary_list" target="content">商品类管理</a>
                        </dd>
                        <dd>
                            <a href="/product/product_list" target="content">商品</a>
                        </dd>
                        <dd>
                            <a href="/product/product_listget" target="content">商品1</a>
                        </dd>
<!--                        <dd>-->
<!--                            <a href="/order/oder_list">订单管理</a>-->
<!--                        </dd>-->
<!--                        <dd>-->
<!--                            <a href="">超链接</a>-->
<!--                        </dd>-->
                    </dl></li>
                <li class="layui-nav-item" th:if="${permission} eq '1'">
                    <a href="javascript:;">订单管理</a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="/order/order_listbefore" target="content">订单</a>
                        </dd>
                    </dl></li>
                <li class="layui-nav-item" th:if="${permission} eq '0'">
                    <a href="javascript:;">用户管理</a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="/user/searchuser" target="content">系统用户管理</a>
                        </dd>
                        <dd>
                            <a href="/user/searchvip" target="content">会员管理</a>
                        </dd>
                        <dd>
                            <a href="/merchants/searchmerchants" target="content">店铺管理</a>
                        </dd>
                    </dl>
                </li>

                            </ul>
                        </div>
                    </div>

                    <div style ="height:800px; weight:400px">
                        <iframe name="content"  width="100%" height="98%" frameborder="0" scrolling="no">

                        </iframe>
                    </div>
    <div id="landlord">
        <canvas id="live2d" width="280" height="250" class="live2d"></canvas>
    </div>

                    <div class="layui-footer">
                        <!-- 底部固定区域 -->
        © layui.com - 底部固定区域
    </div>
</div>
<script th:src="@{/live2d.js}"></script>
<script th:src="@{/l2dwidget.min.js}"></script>s
<script type="text/javascript" th:src="@{/adminlte/jquery-1.11.3.min.js}"></script>
<script  th:src="@{/layui/layui.js}"></script>

<script type="text/javascript">
    //JavaScript代码区域
    layui.use('element', function() {
        var element = layui.element;

    });

        //loadlive2d("live2d", "/myFile/model/tia/model.json");
    var config = {
        model: {
            jsonPath: '/myFile/hijiki/assets/hijiki.model.json' // 加载模型的json路径
        },
        display: {
            superSample: 1, // 超采样等级
            width: 350, // canvas的宽度
            height: 400, // canvas的高度
            position: 'left', // 显示位置：左或右
            hOffset: 0, // canvas水平偏移
            vOffset: 0, // canvas垂直偏移
        },
        mobile: {
            show: true, // 是否在移动设备上显示
            scale: 1, // 移动设备上的缩放
            motion: true, // 移动设备是否开启重力感应
        },
        react: {
            opacityDefault: 1, // 默认透明度
            opacityOnHover: 1 // 鼠标移上透明度
        }
    }
    L2Dwidget.init(config)
</script>
</body>
</html>